<template>
  <div class="nav">
    <van-grid :column-num="5" :border="false">
      <van-grid-item
        :icon="require('../../../public/images/index/cacanpin.png')"
        text="查产品"
        to="/searchb"
      />
      <van-grid-item
        :icon="require('../../../public/images/index/hufubang.png')"
        text="护肤榜"
        to="/mplist"
      />
      <van-grid-item
        :icon="require('../../../public/images/index/meizhuangbang.png')"
        text="美妆榜"
        to="/list"
      />
      <van-grid-item
        :icon="require('../../../public/images/index/pipaiku.png')"
        text="品牌库"
        to="/brand"
      />
      <van-grid-item
        :icon="require('../../../public/images/index/qibaoju.png')"
        text="福利情报局"
      />
    </van-grid>
  </div>
</template>

<script>
export default {
  setup() {},
};
</script>

<style lang="less">
.nav {
  padding: 14px;
  .van-grid-item {
    margin-left: -5px;
  }
  .van-grid-item__content {
    padding: 0;
  }
  .van-icon__image {
    width: 73px;
    height: 57px;
  }
}
</style>
